<table  id ="tabla_registros" toolbar="#tb" title="Load Data"></table>
  <div id="tb" style="padding:3px">  
   <select id="lista_campos_registro" name="dept" style="width:200px;">  
	    <option value="aa">ID</option>  
	    <option>Tipo</option>  
	    <option>Texto</option>  
	    <option>Usuario</option>  
	    <option>IP</option> 
	    <option>Fecha</option> 
	</select>
   <input id="productid" style="line-height:26px;border:1px solid #ccc">  
   <a href="#" id="boton_busqueda_registros" plain="true" onclick="doSearch()">Buscar</a>  
</div>  
    <script>
    
	    $('#tabla_registros').datagrid({  
		    url:urlbase + 'registro/get_tabla_logs/',  
		    method:'post',
		    pageNumber:1,
		    pageSize:15,
		    pageList: [15,30,45,60,65],
		    sortName: 'fecha',
		    sortOrder: 'desc',
		    loadMsg: 'Cargando datos..',
		    pagination:true,
			rownumbers:true,
			singleSelect:true,
		    columns:[[  
		        {field:'id',title:'id',width:100,sortable:true},  
		        {field:'tipo',title:'Tipo',width:100,sortable:true},  
		        {field:'texto',title:'Texto',width:185,sortable:true},  
		        {field:'usuario',title:'Usuario',width:100,sortable:true},
		        {field:'ip',title:'Dirección Ip',width:100,sortable:true},
		        {field:'fecha',title:'Fecha',width:200,sortable:true}  
		    ]]  
		});

	    $('#boton_busqueda_registros').linkbutton({ });
	    $('#lista_campos_registro').combobox({}); 
	    
	    function doSearch(){  
	        $('#tabla_registros').datagrid('load',{  
	            itemid: $('#itemid').val(),  
	            productid: $('#productid').val()  
	        });  
	    }  
    </script>